*
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	// -webkit-user-select:none;
html,body
	height 100%
	min-height:100%
	width 100%
	overflow hidden
	background-color:#f5f5f5
	font-family "Droid Sans Fallback","华文细黑","微软雅黑";
	word-break break-all
	// -webkit-user-select none
html
	font-size: 62.5%;
	color $c-default
	// webkit-user-select none
	// user-select none
html.big
	font-size: 67.5%
html.max
	font-size: 72.5%
body
	font-size: 1.6rem;

ul,li
	list-style-type: none
a
	text-decoration: none
	color inherit
	cursor default
	&:active,&:visited
		color inherit
input,select,textarea
	outline none
	border 0
	padding 0
	word-break break-all
	-webkit-touch-callout:none;
	touch-callout:none;
	-webkit-tap-highlight-color:transparent
	tap-highlight-color:transparent
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: $c-light;
    font-size 1.4rem
    line-height 30px
}
select,input[type='checkbox']{
	 -webkit-appearance: none;
	 outline none
	 background-color transparent
}
hr
	border none
	border-top 1px solid #e5e5e5
div[ng-show='proList.busy']
	margin-top 50px
div[ng-view]
	height 100%
.btn
	line-height 40px
	border-radius 5px
	background $c-blue
	text-align center
	color #fff
	padding 0 10px
.masker
	background rgba(0,0,0,0.2)
	position fixed
	left 0
	top 0
	width 100%
	height 100%
	z-index 99
	&.nobg
		background rgba(0,0,0,0)
	&.toast-masker
		z-index: 9999
.toast-bottom-center
	bottom 50px;
.toast-wrapper
	position fixed
	bottom 60px
	min-width 80%
	padding 10px 5px
	line-height 25px
	background rgba(0,0,0,0.7)
	color #fff
	tslate(-50%,0);
	left 50%
	text-align center
	border-radius 10px
	z-index 999
	img
		text-align: center
		width: 28px;
		padding: 10px
		display: block;
		margin: 0 auto;
.list
	.list-item
		padding 0 12px
		line-height 20px
		background-color #fff
		.content
			padding 0 15px
			background #fff
			transition transform ease .2s
			&.cur
				transform translate3d(-80px, 0, 0)
		.list-item-logo,.list-item-content,.list-item-userpic
			position: relative
			padding 15px 0
			.list-item-tip
				color #999;
.celled
	border-bottom 1px solid $bdc;
.dashed
	border-bottom 1px dashed $bdc;
.t-celled
	border-top 1px solid $bdc;
.t-dashed
	border-top 1px dashed $bdc;
.header
	height $hh
	line-height $hh
	background:$c-blue
	text-align center
	color #fff
	position: relative;
	display: none
.nofooter
	&.container.task-review,.container.task-review,&.container.reportdetail
		padding-bottom: 0
		height 100%
.container
	 -webkit-overflow-scrolling: touch
	 height calc(100% - 60px)
	 overflow-y scroll
	 box-sizing border-box
	 &::-webkit-scrollbar
		display: none
.container *
	bBox()
.container>* {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
// 审批记录
.log-list
	background-color: #fff;
	margin-top: 15px;
	.info-title
		position relative
		color $c-blue
	div[file-list]
		display: block;
		margin-top: 0;
		.file-label,.file-list
			padding-left: 0
	div.log-item.list-item
		padding 10px $pd12
		display: block
		img
			width 70px
		&.log-item-result
			padding 0 5px
		&.process-default
			color #a8a8a8
		&.process-disagree
			color #f6a423
		&.process-ing
			color #2b88fd
		&.process-start
			color #2b88fd
		&.process-agree
			color #7ac213
		&.process-reject
			color #ff2121
		div[file-list]
			border-bottom none
			margin-top: 0;
			padding-bottom: 0;
			.file-label
				display: none
			.file-list
				padding: 0
.rel-list-label
	background: #fff url("../images/more.png") 96% center no-repeat
	background-size: 6px 10px
	.info-title
		position relative
		color $c-blue
.rel-tab
	overflow-x: scroll;
	overflow-y: hidden;
	.rel-item
		display: inline-block;
		padding: 0 5px;
.audit-content
	padding 0 $pd12
	.list-item.list-item-textarea
		.flow-content
			border-color $bdc
div[class*="-dailog"]
	z-index 999
	center()
	position fixed
	width 90%
	margin 0 auto
	background-color #fff
.audit-dailog
	background-color #fff
	border-radius 0
div[file-list],
div[file-upload]
	margin-top 15px
	background-color: #fff
	.list-item{
		border: none 
		}
	.addpic-btn
		background url("../images/icon_file.png") center no-repeat
		background-origin content-box
		background-size: 40px
		width: 40px;
		height 40px;
		border: 1px solid #f0f0f0
		border-radius: 5px;
		overflow hidden
		margin-left 12px
		margin-bottom: 10px
	.file-label
		word-break: break-word;
		color: #7a7a7a;
		line-height 25px
		padding: 10px 0 10px 12px
	.file-list
		padding: 0 12px
		li
			position relative
			padding 3px
			padding-bottom 5px
			display flex
			&.img
				width 25%
				display inline-block
		img
			size(100%,80px)
			display block
			border-radius: 5px
			overflow hidden
		.icon_del1
			background url("../images/delete.png") right 0 no-repeat
			position absolute
			top 5px
			right 5px
			text-indent -99em
			width 29px
			height 29px
			background-size 20px !important
div[file-upload]
	&.list-item
		display: block
		.list-item
			border: none
			padding: 0
			&:after
				content: ""
	div[file-list]
		background-color: #fff
		margin-top 0
		.file-label
			display none
.sheetAction
	position fixed
	z-index 999
	bottom 0
	left: 0
	width 100%
	height 200px
	border-top 1px solid #eee
	background-color #fff
	.sheet-top
		padding 0 20px
		line-height 40px
		height 40px
		.sheet-confirm
			color #04a8fd
	.sheet-list
		padding 0 20px
		height 160px
		overflow scroll
		.sheet-item
			line-height 35px
			border 1px solid #eee
			margin-top 15px
			border-radius 5px
			&.active
				color $c-blue
				&:after
					content: ""
					size(15px,10px)
					display inline-block
					background: url("../images/current.png") 0 0 no-repeat
					background-size: 100%
					margin-left 7px
.chat-users
	background #fff
	position: absolute
	bottom 0
	width 98%
	padding 5px 1%
	border-top 1px solid #ddd
	border-bottom 1px solid #ddd
	.scrollx
		overflow-x:scroll
		padding: 4px 0
		&::-webkit-scrollbar
			display: none
	.user-item
		display inline-block
	.item-avtar
		size(30px,30px)
		display block
		margin-right 5px
		float left
footer,.footer
	background #fff
	height $footer-H
	line-height: 50px
	color #5c5c5c
	box-sizing: border-box
	&.flow-btn>div
		border-right: 1px solid #f0f0f0
		margin: 10px 0
		line-height: 30px
	.submit-flow .icon,.save-draft .icon,.delete-flow .icon,.reject-flow .icon,.remind-flow .icon
		display: inline-block
		margin-right 10px
		background: url("../images/tj.png") 0 0 no-repeat
		background-size: contain
		background-size: 22px
		vertical-align:middle
		width: 22px;
		height 22px;
	.submit-flow
		color: $c-blue
	.save-draft .icon
		background-image: url("../images/bccg.png")
	.delete-flow .icon
		background-image: url("../images/sc.png")
	.reject-flow .icon
		background-image: url("../images/bh.png")
	.remind-flow .icon
		background-image: url("../images/cb.png")
.footer
	&.footer-menu
		.sign,.footmark
			background-size 23px
			background-repeat no-repeat
			background-position center 7px
			line-height 80px
			font-size 1.1rem
		.sign
			background-image url("../images/sign_footer.png")
			&.active
				background-image url("../images/sign_footerB.png")
				color $c-blue
		.footmark
			background-image url("../images/footmark.png")
			background-size 17px
			&.active
				background-image url("../images/footmarkB.png")
				color $c-blue
.audit-wrapper
	position: absolute;
	left: 30px;
	right: 30px;
	top: 50%;
	tslate(0,-50%);
	background-color: #fff;
	z-index: 999;
	.audit-title
		line-height: 44px;
		text-align: center;
	.audit-content
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		background: #fff;
		padding: $pd12
		textarea
			width: 100%;
			height: 150px;
		div[file-upload] .list-item
			padding: 0
			border: 0
			.file-list
				padding: 0
			.addpic-btn
				background-position 96% center
				padding-left: 0
		div[file-upload] .file-content
			border: none;
			padding: 0;
		div[file-upload] .file-list li.img
			box-sizing: border-box;
			height: 55px;
		div[file-upload] .file-list img
			width: 100%
			height: 100%;
	.audit-btn
		line-height: 28px;
		padding: 11px 0
		.confirm
			border-right: 1px solid #ddd;
			color: $c-blue;
.noData
	width: 150px;
	height: 200px;
	margin: 108px auto 0;
	vertical-align: bottom;
	position: relative;
	background  url("../images/nodata.png") center 0 no-repeat
	background-size: 100%;
	color: rgb(199,199,199);
.noData:after{
	content: "没有更多数据了";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.users-masker .pickceritem .info-title{
	background-color #f7f7f7
}
.users-masker .user-list{
	overflow: scroll;
	max-height: 250px;
}
.users-masker .pickceritem .list-item{
	padding: 0 12px;
	line-height: 40px;
}
.transfer-wrapper
	position: absolute;
	left: 30px;
	right: 30px;
	top: 50%;
	tslate(0,-50%);
	background-color: #fff;
	z-index: 999;
	padding-bottom: 0
	.transfer-title
		line-height: 44px;
		text-align: center;
		border-bottom: 1px solid #eee
	.transfer-btn
		line-height: 40px;
		padding: 11px 20px
	.b-close
		border: 1px solid #eee
		margin-left: 4px